<div class="panel panel-default">
	<div class="panel-body">
		<div id="alert-task"></div>
		<div class="input-group">
			<input type="text" class="form-control" id="search-task-ID" placeholder="请输入作业ID或作业名（默认显示全部作业列表）" />
			<span class="input-group-btn">
    			<button type="button" class="btn btn-default" id="search-task-enter">
    				<span class="glyphicon glyphicon-search"></span>
				</button>
			</span>
		</div>
		<table class="table table-hover table-striped">
			<thead><tr><th>ID</th><th>作业名</th><th>创建人</th><th>创建时间</th><th>状态</th><th>操作</th></tr></thead>
			<tbody id="table-task-list">
				<!--布置一项新作业-->
				<tr>
					<td colspan="6">
						<a href="#add-task" class="btn btn-success" data-toggle="collapse">布置一项新作业</a>
						<div class="collapse" id="add-task">
							<div class="input-group">
								<span class="input-group-addon">作业名: </span>
								<input type="text" class="form-control" id="task-add-name" placeholder="必填" />
							</div>
							<div class="input-group">
								<span class="input-group-addon">作业描述: </span>
								<input type="text" class="form-control" id="task-add-description" placeholder="选填" />
							</div>
							<div class="input-group">
								<span class="input-group-addon">开始时间: </span>
								<span class="input-group-addon">年: </span>
								<input type="text" class="form-control" id="task-add-year" />
								<span class="input-group-addon">月: </span>
								<input type="text" class="form-control" id="task-add-month" />
								<span class="input-group-addon">日: </span>
								<input type="text" class="form-control" id="task-add-day" />
								<span class="input-group-addon">持续时间: </span>
								<input type="text" class="form-control" id="task-add-durations" placeholder="天" />
							</div>
							<div class="input-group">
								<span class="input-group-addon">面向班级: </span>
								<input type="text" class="form-control" id="task-add-class" placeholder="默认全部班级" />
								<span class="input-group-btn" data-toggle="buttons">
    							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    								<span class="caret"></span>
								</button>
								<ul class="dropdown-menu" id="task-class-list-add"></ul>
								</span>
							</div>
							<div class="input-group">
								<input type="text" class="form-control" id="task-search-problem-ID" placeholder="请输入题目ID或题目名以添加题目" />
								<span class="input-group-btn">
    								<button type="button" class="btn btn-default" id="task-search-problem-enter">添加</button>
    							</span>
							</div>
							<table class="table table-hover table-striped">
								<!--ID、题目名、类型、描述、删除题目-->
								<thead><tr><th>ID</th><th>题目名</th><th>类型</th><th>描述</th><th>操作</th></tr></thead>
								<tbody id="task-add-problem-list"></tbody>
							</table>
							<button type="button" class="btn btn-primary" id="task-add-enter">布置作业</button>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
		<ul id="task-paginator"></ul>
	</div>
</div>